@import 'variables';

match-schedule{
  .match-shim-block {
    height: 3.9rem;
  }
  .competition-match {
    position: relative;
  }
  .cup-match {
    .match-container {
      //padding-top: pxTorem(78);
    }
    .match-list {
      min-height: pxTorem(700);
      background-color: color($h5, c10);
      &.deviation-left {
        margin-left: 20%;
        .team-box:first-child {
          .team-member {
            left: 4%;
          }
        }
        .team-box:last-child {
          .team-member {
            right: 4%;
          }
        }
        .team-member {
          width: pxTorem(132);
        }
        @media screen and (min-width: 360px) {
          .team-member {
            width: pxTorem(170);
          }
        }
        @media screen and (min-width: 400px) {
          .team-member {
            width: pxTorem(190);
          }
        }
      }
    }
  }
  .group-filter {
    position: absolute;
    top: 0;
    z-index: 11;
    width: 100%;
    background-color: color($h5, c9);
    p {
      position: relative;
      &::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        @include icon(24, 24, '#{$icons-path}/icon_arrow.png');
      }
    }
    .open-filter {
      &::after {
        transform: rotate(180deg);
      }
    }
    .filter-content {
      overflow-y: scroll;
      &::-webkit-scrollbar {
        display: none;
      }
    }
    ul {
      width: 100%;
      height: 150px;
    }
    p,
    li {
      height: pxTorem(78);
      line-height: pxTorem(78);
      text-align: center;
    }
    ul {
      display: none;
    }
    .show {
      display: block;
    }
    .hide {
      display: none;
    }
  }
  .container {
    position: relative;
  }
  aside {
    .group:last-child {
      margin-bottom: pxTorem(90);
    }
  }
}
